<span class="bg-transparent text-blue-500 border border-blue-500 text-xs font-semibold px-2.5 py-0.5 rounded-full">Badge</span>
<span class="bg-transparent text-gray-500 border border-gray-500 text-xs font-semibold px-2.5 py-0.5 rounded-full">Badge</span>
<span class="bg-transparent text-red-500 border border-red-500 text-xs font-semibold px-2.5 py-0.5 rounded-full">Badge</span>
<span class="bg-transparent text-green-500 border border-green-500 text-xs font-semibold px-2.5 py-0.5 rounded-full">Badge</span>
<span class="bg-transparent text-yellow-500 border border-yellow-500 text-xs font-semibold px-2.5 py-0.5 rounded-full">Badge</span>
<span class="bg-transparent text-indigo-500 border border-indigo-500 text-xs font-semibold px-2.5 py-0.5 rounded-full">Badge</span>
<span class="bg-transparent text-purple-500 border border-purple-500 text-xs font-semibold px-2.5 py-0.5 rounded-full">Badge</span>
<span class="bg-transparent text-pink-500 border border-pink-500 text-xs font-semibold px-2.5 py-0.5 rounded-full">Badge</span>